<!-- 页面视图-顶部导航栏 -->
<template>
    <div class="page-view-top-nav">{{ title }}</div>
</template>

<script>
import { defineComponent, toRefs, computed } from 'vue'
export default defineComponent({
    name: 'PageViewTopNav',
    props: {
        element: {
            type: Object,
            default: () => ({})
        }
    },
    setup(props) {
        const { element } = toRefs(props)

        const title = computed(() => element.value?.customFeature?.name || '')

        return {
            title
        }
    }
})
</script>

<style lang="less" scoped>
@import './page-view-top-nav.less';
</style>